<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body >
	<div style="height: 200px; text-align: center;"></div>	
	<div style="height: 200px; text-align: center;">
    <button onclick="warn(event)"> 告警</button>
    <button onclick="error(event)"> 错误</button>
    <button onclick="success(event)"> 成功</button>
    <button onclick="info(event)"> 一般</button>
    </div>
     
	</body>
    <script type="module">

	import  confirmModal from './js/src/confirmModal.js';
	  
  
     
     window.warn=function(e){
     
     	confirmModal.pop({type:'warn',content:"确认是否要删除数据",target:e.target});
     }
	
	     window.error=function(e){
     	confirmModal.pop({type:'error',content:"确认是否要删除数据",target:e.target});
     }
     
          window.success=function(e){
     	confirmModal.pop({type:'success',content:"确认是否要删除数据",target:e.target});
     }
     
         
	</script>
</html>
